<template>
  <view class="page">
	<view class="item-list">
		<view class="item">
			<view class="item-type">活动消息</view>
			<view class="item-con">
				<view class="item-word">亲爱的李明【分享领取优惠券活动】报名成功，请按时领取奖励哦~</view>
				<view class="item-date">2019-01-16</view>
			</view>
		</view>
		<view class="item">
			<view class="item-type">课程消息</view>
			<view class="item-con">
				<view class="item-word">亲爱的李明，您已成功的购买了【成人蛙泳入门课程】，请按时上课哦~</view>
				<view class="item-date">2019-01-16</view>
			</view>
		</view>
		<view class="item">
			<view class="item-type">奖励消息</view>
			<view class="item-con">
				<view class="item-word">亲爱的李明，您已成功的购买了【儿童14天入门课程】，请按时上课哦~</view>
				<view class="item-date">2019-01-16</view>
			</view>
		</view>
	</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
    };
  },
  onLoad() {},
  methods: {},
};
</script>

<style lang="scss">
.page{
	padding-bottom: 50rpx;
}
image{
	width: 100%;
	height: 100%;
}
.item-list{
	padding: 0 30rpx;
	.item{
		margin-top: 20rpx;
		border-radius: 20rpx;
		box-shadow: 0rpx 0rpx 10rpx rgba(0,0,0,0.1);
		background: #fff;
		padding: 20rpx 30rpx;
		.item-type{
			font-size: 30rpx;
			color: #2F78FF;
		}
		.item-con{
			margin-top: 10rpx;
		}
		.item-word{

		}
		.item-date{
			text-align: right;
			color: #999;
			font-size: 24rpx;
		}
	}
}
</style>
